<template>
  <div class="PayTxtView" :id="clsid"   @click="payClick()">
    <div class="view">
      <div class="txt1">
        一生运势走势如何?财运如何?家庭婚姻状况亲人身体健康情况,五行缺补方法,更多详细命理解析可付费解锁查看更多
      </div>
      <div class="txt2">
        <div style="position: relative;color: #FFECE0;font-size: 0.3rem;font-weight: 600;border-bottom:0.01rem solid #FF6556;
line-height: 0.5rem;padding-top: 0.15rem;">
          解锁你的专属命书
        </div>
        <div style="position: relative;color: #FFF668;font-size: 0.3rem;line-height: 0.6rem;">
          全网最低价<span style="font-weight: 600;">    9.9元</span>
        </div>
      </div>
    </div>
  </div>
</template>
<style scoped>
.PayTxtView{

}
.view{
  position: relative;width: 6.88rem;height: 3.5rem;background-color: #FFECE0;border-radius: 0.25rem;
}
.txt1{
  position: relative;color: #8C502B;font-size: 0.24rem;line-height: 0.4rem;text-align: left;width: 6rem;padding-left: 0.44rem;padding-top: 0.3rem;
}
.txt2{
  position: relative;background-color: #E35345;border-radius: 0.25rem;width: 4.5rem;height: 1.3rem;top:0.3rem;left: 1.15rem;
}
</style>
<script setup>
import Enum from "@/gamejs/Enum";
import Util from "@/gamejs/Util";
import {ref, onMounted, onBeforeUnmount, onUnmounted,watch,computed} from "vue";
import { useStore} from 'vuex';
import {useRoute, useRouter} from 'vue-router';
let store = useStore();
let clsid=winApp.getClsId();
let router = useRouter();
/*组件挂载完成后执行的函数；*/
onMounted(() => {

  console.log("PayTxtView onMounted  ");

});
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  // winApp.deleteNotification(clsid);
  console.log("PayTxtView onUnmounted  卸载组件实例后  ",clsid);
});
function payClick(){
  console.log("PayTxtView payClick");
}
</script>



